<!DOCTYPE html>
<html lang="en">

<head>
    <% include ../components/head %>
    <style>
        .mt-20 {
            margin-top: 20px;
        }
        .mt-50 {
            margin-top: 50px;
        }
        .checkmark {
            /*transform: scale(0.1);*/
            /*position: absolute;*/
            /*top: 20px;*/
            /*left: -5%;*/
            display: inline-block;
            width: 50px;
            height: 50px;
        }
        .status-container {
            position: relative;
            /*width: 100%;*/
            /*height: 50px;*/
        }
    </style>
</head>

<body>

<main class="container" style="margin-bottom: 50px">
    <div class="col-md-6 offset-md-3 col-sm-12">
        <div class="text-center status-container">
            <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 512 512" class="checkmark" width="512" height="512"><path d="M437.019 74.98C388.667 26.629 324.38 0 256 0 187.619 0 123.332 26.629 74.98 74.98 26.629 123.332 0 187.62 0 256s26.629 132.667 74.98 181.019C123.332 485.371 187.62 512 256 512s132.667-26.629 181.019-74.98C485.371 388.667 512 324.38 512 256s-26.629-132.667-74.981-181.02zm-58.713 120.093L235.241 338.139a14.953 14.953 0 01-10.606 4.393 14.953 14.953 0 01-10.607-4.393l-80.334-80.333c-5.858-5.857-5.858-15.354 0-21.213 5.857-5.858 15.355-5.858 21.213 0l69.728 69.727 132.458-132.46c5.857-5.858 15.355-5.858 21.213 0 5.858 5.858 5.858 15.355 0 21.213z" data-original="#000000" class="active-path" data-old_color="#000000" fill="#F1612E"/></svg>
            <h5 class="mt-20"><b>Sent Successfully</b></h5>
            <h5>Our team shall respond back to you as soon as we can. Wish you a good health and a happy life.</h5>
        </div>
        <section class="mt-50">
            <h5><b>Your difficulties</b></h5>
            <p class="difficulties"></p>
        </section>
        <section class="mt-20 form-group">
            <h5><b>What help do you wish to get?</b></h5>
            <p class="help"></p>
        </section>

    </div>
</main>
<script
        src="https://code.jquery.com/jquery-3.4.1.min.js"
        integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
        crossorigin="anonymous"></script>
<script>
    $(function () {
        $('.difficulties').text(getCookie('d'));
        $('.help').text(getCookie('help'));
    });
    function getQueryVariable(variable) {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i = 0; i < vars.length; i++) {
            var pair = vars[i].split("=");
            if (pair[0] == variable) {
                console.log(decodeURI(pair[1]));
                return pair[1];
            }
        }
        return (false);
    }
    function getCookie(cname) {
        var name = cname + "=";
        var decodedCookie = decodeURIComponent(document.cookie);
        var ca = decodedCookie.split(';');
        for(var i = 0; i <ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') {
                c = c.substring(1);
            }
            if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
            }
        }
        return "";
    }

</script>
</body>

</html>
